<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="author" content="PIXINVENT">
<title>自助售货管理后台</title>
<link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>
<body>
<div class="content-wrapper">
  <div class="content-header ">
    <div class="content-header-left mb-2 ">
		
      <h3 class="content-header-title mb-0">商品分类</h3>
	
    </div>
  </div>
  
	<div class="card">
    <div class="card-content">
      <div class="card-body">
        
        <div class="funcbtn clearfix">
<div class="pull-left"><a class="btn btn-info" href="#"  data-toggle="modal" data-target="#myModal"> 
			   添加商品分类</a></div>
        </div>
        <div class="tablebox1">
          <table class="table">
            <thead>
              <tr>
				  											
                <th>id</th>
                <th>商品分类名称</th>
                <th>显示状态</th>
                <th>分类排序</th>
                <th>创建时间</th>
                <th>操作</th>
               
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>饼干</td>
                <td>Y</td>
                <td>0</td>
                <td>2017-11-09 16:24:52</td>
                 <td>
				  <a href="#" class="btn btn-primary btn-td"    data-toggle="modal" data-target="#myModal">修改</a>
				  <a href="#" class="btn btn-danger btn-td">删除</a>
				  </td>
              </tr>
<tr>
                <td>1</td>
                <td>饼干</td>
                <td>Y</td>
                <td>0</td>
                <td>2017-11-09 16:24:52</td>
                 <td>
				  <a href="#" class="btn btn-primary btn-td"    data-toggle="modal" data-target="#myModal">修改</a>
				  <a href="#" class="btn btn-danger btn-td">删除</a>
				  </td>
              </tr>
				<tr>
                <td>1</td>
                <td>饼干</td>
                <td>Y</td>
                <td>0</td>
                <td>2017-11-09 16:24:52</td>
                 <td>
				  <a href="#" class="btn btn-primary btn-td"    data-toggle="modal" data-target="#myModal">修改</a>
				  <a href="#" class="btn btn-danger btn-td">删除</a>
				  </td>
              </tr>
				<tr>
                <td>1</td>
                <td>饼干</td>
                <td>Y</td>
                <td>0</td>
                <td>2017-11-09 16:24:52</td>
                 <td>
				  <a href="#" class="btn btn-primary btn-td"    data-toggle="modal" data-target="#myModal">修改</a>
				  <a href="#" class="btn btn-danger btn-td">删除</a>
				  </td>
              </tr>
            </tbody>
          </table>
 
			<div class="page clearfix">
						<div class="pull-left">共 400 条记录 第 1 / 80 页</div>
						<div class="pull-right">
							
							<nav aria-label="..." class="pull-left">
								  <ul class="pagination">
									<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
									<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
								 </ul>
							   </nav>
							
							<div class="pull-left p-r-20  p-l-20"><select class="form-control"><option>10条每页</option></select></div>
							<div class="pull-left">跳至<input type="text" value="5" class="form-control">页</div>
							</div>
							
						</div>
			
		  </div>
      </div>
    </div>
  </div>
	
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">编辑商品分类信息</h4>
      </div>
      <div class="modal-body">
       <div class="form1 form2" >
				<ul class="row">
					<li class="col-xs-10">
						<span>商品分类名称：</span>
						<input type="text" class="form-control" value="test">
					</li>
					<li class="col-xs-10">
						<span>分类排序：</span>
						<input type="text" class="form-control" value="test">
					</li>
				<li class="col-xs-10">
						<span>是否显示：</span>
						<select class="form-control">
                                    <option value="1" selected="">显示</option>
                                    <option value="0">隐藏</option>
                                </select>
					</li>
	
					</ul>
				</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>
<script src="app-assets/js/vendors.min.js" type="text/javascript"></script> 
<script src="app-assets/js/app-menu.js" type="text/javascript"></script> 
<script src="app-assets/js/app.js" type="text/javascript"></script> 
<script src="app-assets/js/echarts.min.js" type="text/javascript"></script> 
<script>
$(document).ready(function(){
  $(".ewm").click(function(){
    $(this).toggleClass("active")
  });
});
</script>
</body>
</html>